<extend name="Base/common"/>
<block name="TITLE"><title>个人中心</title></block>
<block name="body">
    <div style='background: #EEE;'>
            <div style="background: url('__IMG__/center-bg.png') no-repeat; background-size: cover; width: 100%;height:190px;" class='am-text-center am-padding-bottom-0'>
                <div class='am-g'>
                    <div class='am-u-sm-4' style="height: 140px;">
                        <div class='am-circle am-text-center am-padding-top-sm' style='color:#FFF;background: rgba(255,255,255,0.1);  width: 55px !important;height: 55px !important;' ><span class='' style='font-size: 14px;'>更实惠</span></div>
                        <div class='am-circle am-text-center am-padding-top-sm am-margin-top-sm ' style='margin-left: 15px;color:#FFF;background: rgba(255,255,255,0.1);  width: 55px !important;height: 55px !important;' ><span class='' style='font-size: 14px;'>更便捷</span></div>
                    </div>
                    <div class='am-u-sm-3'>
                        <div> <img class="am-circle am-margin-top-lg" src="{$userlogo}?imageView/1/w/1000/h/1000/q/80" style="width:80px;height: 80px;"/></div>
                    </div>
                    <div class='am-u-sm-4 am-margin-left-sm'>
                        <div class='am-circle am-text-center am-padding-top-sm' style='color:#FFF;background: rgba(255,255,255,0.1);  width: 55px !important;height: 55px !important;' ><span class='' style='font-size: 14px;'>更新鲜</span></div>
                        <div class='am-circle am-text-center am-padding-top-sm am-margin-top-sm ' style='margin-left: -15px;;color:#FFF;background: rgba(255,255,255,0.1);  width: 55px !important;height: 55px !important;' ><span class='' style='font-size: 14px;'>更周到</span></div>
                    </div>
                </div>
                <div class='am-g am-padding-xs ' style='background: rgba(0,0,0,0.1);font-size: 12px;color:#FFF;height: 50px;'>
                    <div class='am-u-sm-3' >
                        <div>{$buyer.amount}</div>
                        <div>余额</div>
                    </div>
                    <div class='am-u-sm-3'>
                        <div>{$count}</div>
                        <div>订单累计</div>
                    </div>
                    <div class='am-u-sm-3'>
                        <div>{$buyer.contract_level}</div>
                        <if condition="$buyer.contract_level gt 0">
                            <div>合同会员</div>
                            <else/>
                            <div>普通会员</div>
                        </if>
                    </div>
                    <div class='am-u-sm-3 human-service'>
                        <div><i class="am-icon-headphones"></i></div>
                        <div>人工服务</div>
                    </div>
                </div>
            </div>
            <div class='' style='background: #EEE;'>
                <!--<a href="{:U('Agent/agent')}" style="text-decoration: none;color:#000;">-->
                <!--<a href="#" style="text-decoration: none;color:#000;">
                    <div class='am-margin-top-0 am-padding-sm' style='background: #FFF;'>
                           <div class='' ><span style='font-size: 15px;'>世果代购</span><span style='font-size: 12px;color:#AAA;float: right;'>没有找到想要的商品？来吧！<i class='am-icon-chevron-right'></i></span></div>
                    </div>
                </a>-->
                <if condition="$contractlevel neq 0 ">
                    <else />
                    <a href="{:U('Center/applyconfirm')}" style="text-decoration: none;color:#000;">
                        <div class='am-margin-top-sm am-padding-sm' style='background: #FFF;'>
                            <div class='' ><span style='font-size: 15px;'>合同会员申请</span><span style='font-size: 12px;color:#AAA;float: right;'>申请成为合同会员<i class='am-icon-chevron-right'></i></span></div>
                        </div>
                    </a>
                </if>


                 <a href="{:U('Pricelist/pricelist')}" style="text-decoration: none;color:#000;">
                    <div class='am-margin-top-sm am-padding-sm' style='background: #FFF;'>
                                   <div class='' ><span style='font-size: 15px;'>价目表</span><span style='font-size: 12px;color:#AAA;float: right;'>查看世果价格清单<i class='am-icon-chevron-right'></i></span></div>
                    </div>
                 </a>
                
                 <a href="{:U('Center/history')}" style="text-decoration: none;color:#000;">
                    <div class='am-margin-top-sm am-padding-sm' style='background: #FFF;'>
                        <div class='' ><span style='font-size: 15px;'>我的订单</span><span style='font-size: 12px;color:#AAA;float: right;'>查看全部订单<i class='am-icon-chevron-right'></i></span></div>
                    </div>
                 </a>
                
                 <a href="{:U('Reject/reject')}" style="text-decoration: none;color:#000;">
                    <div class='am-margin-top-sm am-padding-sm' style='background: #FFF;'>
                        <div class='' ><span style='font-size: 15px;'>退货/换货</span><span style='font-size: 12px;color:#AAA;float: right;'>去填写申请<i class='am-icon-chevron-right'></i></span></div>
                    </div>
                 </a>
                
                 <!--<a href="{:U('Agent/myagent')}" style="text-decoration: none;color:#000;">
                    <div class='am-margin-top-sm am-padding-sm' style='background: #FFF;'>
                                   <div class='' ><span style='font-size: 15px;'>我的代购</span><span style='font-size: 12px;color:#AAA;float: right;'>查看代购记录<i class='am-icon-chevron-right'></i></span></div>
                    </div>
                 </a>-->
                
                 <a href="#" style="text-decoration: none;color:#000;">
                    <div class='am-margin-top-sm am-padding-sm more-service' style='background: #FFF;'>
                        <div class='' ><span style='font-size: 15px;'>更多服务</span><span style='font-size: 12px;color:#AAA;float: right;'>我们的进步来自您的建议<i class='am-icon-chevron-right'></i></span></div>
                    </div>
                 </a>
                <a href="{:U('User/loginout')}" class="am-btn am-btn-block am-btn-danger am-margin-top-lg">
                       <span style='font-size: 15px;'>注销登录</span>
                </a>
            </div>
        
            <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert-1">
                                <div class="am-modal-dialog">
                                  <div class="am-modal-hd">温馨提示</div>
                                  <div class="am-modal-bd">
                                        通过微信客服或者业务员向我们提出您宝贵意见
                                  </div>
                                  <div class="am-modal-footer">
                                    <span class="am-modal-btn">确定</span>
                                  </div>
                                </div>
           </div>
            <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert-2">
                                <div class="am-modal-dialog">
                                  <div class="am-modal-hd">如需人工服务</div>
                                  <div class="am-modal-bd">
                                        世果365微信号<br/>点击我的世果-人工客服
                                  </div>
                                  <div class="am-modal-footer">
                                    <span class="am-modal-btn">确定</span>
                                  </div>
                                </div>
           </div>        
        
</div>        
</block>
<block name="script">
    <script>
         $('.more-service').click(function(){
                $('#my-alert-1').modal({
                                  relatedTarget: $(this),
                                  onConfirm: function (e) {

                                  }
                  });
         });
         
        $('.human-service').click(function(){
                $('#my-alert-2').modal({
                                  relatedTarget: $(this),
                                  onConfirm: function (e) {

                                  }
                  });
         });
    </script>     
</block>         